<template>
	<view class="boss">
		<view class="boss1">
			<!-- <image src="../../static/个人中心.png"></image> -->
			<image :src="touxiang" mode=""></image>
		</view>
		<view class="boss2">
			<image src="../../static/xunzhang1.png"></image>
			<image src="../../static/xunzhang2.png"></image>
			<image src="../../static/xunzhang3.png"></image>
			<image src="../../static/xunzhang4.png"></image>
			<image src="../../static/xunzhang5.png"></image>
			<image src="../../static/xunzhang6.png"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				touxiang:''
			}
		},
		onLoad() {
			uni.getStorage({
				key:'avatarUrl',
				success:(res)=> {
					this.touxiang = res.data
				}
			})
		}
	}
</script>

<style>
	.boss{background-color: red;}
	.boss1{ text-align: center; padding: 50px 0;}
	.boss1 image{border: 1px black solid;width: 80px; height: 80px;border-radius: 50px;background-image: url(../../static/grzxtouxiang.png);background-size: 100%;background-color: #ccc;}
	.boss2{display: flex; border-radius: 10px; background-color: white; overflow: hidden; flex-wrap: wrap; padding-bottom: 200px;}
	.boss2 image{width: 200rpx; height: 220rpx; margin-left: 35rpx; margin-top: 20px;}
</style>